<template>
	<view>
		<uni-search-bar placeholder="" bgColor="#FFFFFF" @confirm="search" />
		<view class="bg_top"></view>
		<view style="margin: 15rpx;">
			<view class="jf_shop" @click="gojfshop"></view>
			<view style="display: flex;margin-top: 24rpx;justify-content: space-between;flex-wrap: wrap;">
				<view class="card_item" v-for="item in 4" :key="item">
					<image mode="aspectFill" src="../../static/index/1130 1.png" style="width: 100%;height: 341rpx;" />
					<view style="display: flex;justify-content: space-between;font-size: 20rpx;line-height: 81rpx;">
						<view style="padding-left: 19rpx;font-weight: bold;">精选推荐</view>
						<view style="padding-right: 19rpx;">MORE</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			gojfshop(){
				uni.navigateTo({
					url:'./jf_shop/jf_shop'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
 .bg_top{
	 width: 750rpx;
	 height: 366rpx;
	 background: url("../../static/shop/Group 46.png") no-repeat;
	 background-size: cover;
 }
 .jf_shop{
	 width: 721rpx;
	 height: 204rpx;
	 background: url("../../static/shop/Group 36.png") no-repeat;
	 background-size: cover;
 }
 .card_item{
	width: 341rpx;
	height: 422rpx;
	background: #FFFFFF;
	box-shadow: 4rpx 4rpx 8rpx 2rpx rgba(197,197,197,0.25);
	border-radius: 15rpx 15rpx 15rpx 15rpx;
	margin-top: 39rpx;
 }
</style>
